/* styles.css */
#slideshow {
    position: relative;
    height: 500px; /* 你可以根据需要设置轮播容器的高度 */
    width: 100%; /* 你可以根据需要设置轮播容器的宽度 */
}

.slideshow-list {
    display: flex;
    justify-content: center; /* 使得图片水平居中 */
    align-items: center; /* 使得图片垂直居中 */
    width: 100%;
    height: 100%;
}

.slideshow-list img {
    max-width: 100%; /* 这将确保图片不会超出其容器 */
    max-height: 100%; /* 这将确保图片不会超出其容器 */
    object-fit: cover; /* 这将使得图片始终保持其原始的宽高比 */
}